<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>图文详情页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/chen_all.css" />
		<link rel="stylesheet" href="../../css/mui.previewimage.css" /><!--放大图片-->
		<link rel="stylesheet" type="text/css" href="../../fonts/iconfont_c/iconfont.css" />
		<style>
			.text_unll {
				height: 140px;
				width: 100%;
				text-align: center;
				line-height: 140px;
			}
			/*评论为空*/
			
			.details_picture .list_img div {
				margin-bottom: 2px;
				text-align: center;
				overflow: hidden;
				background: #ebebeb;
				display: flex;
				vertical-align: middle;
				align-items: center;
			}
			
			.details_picture .list_img div img {
				width: 99%;
			}
			/*更多评论*/
			
			.more_comment {
				height: 40px;
				width: 100%;
				float: left;
				font-size: 12px;
				line-height: 40px;
				margin-bottom: 60px;
				text-align: center;
			}
		</style>
	</head>
	<!--
    	作者：757617958@qq.com
    	时间：2019-03-01
    	描述：图文详情页
    -->

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">图文详情页</h1>
		</header>
		<div class="mui-content" style="margin-top:28px;">
			<div class="details_image_con">
				<div class="details_image" id="">
					<div class="details_image_img">
						<img width="100%" src="" />
					</div>
					<span class="details_image_name"></span>
					<p class="time">&nbsp;</p>
					<span class="details_image_right follow" style="display: none;"></span>
				</div>
				<p class="details_text" style="width: 100%;"></p>

				<div class="details_picture">
					<!--图片-->
					<!--<div class="mui-row list_img">
						<div class="mui-col-xs-4"><img src="//wx2.sinaimg.cn/mw690/007csUQ7ly1g0dpykutvij32873cakjp.jpg" data-preview-src="" data-preview-group="1"></div>
						<div class="mui-col-xs-4"><img src="//wx4.sinaimg.cn/mw690/007csUQ7ly1g0dpyop9orj33lb1zh4qs.jpg" data-preview-src="" data-preview-group="1"></div>
						<div class="mui-col-xs-4"><img src="//wx4.sinaimg.cn/mw690/007csUQ7ly1g0dpyw0m1lj32863ca1l4.jpg" data-preview-src="" data-preview-group="1"></div>
					</div>
					<div class="mui-row list_img"> 
					    <div class="mui-col-xs-6"><img src="//wx2.sinaimg.cn/mw690/007csUQ7ly1g0dpykutvij32873cakjp.jpg" data-preview-src="" data-preview-group="1"></div> 
					    <div class="mui-col-xs-6"><img src="//wx4.sinaimg.cn/mw690/007csUQ7ly1g0dpyop9orj33lb1zh4qs.jpg" data-preview-src="" data-preview-group="1"></div> 
					</div>
					<div class="mui-row list_img"> 
					    <div class="mui-col-xs-12"><img src="//wx2.sinaimg.cn/mw690/007csUQ7ly1g0dpykutvij32873cakjp.jpg" data-preview-src="" data-preview-group="1"></div> 
				    </div>-->
					<!--视频-->
					<!--<video controls="" autoplay="" name="media" width="100%" heigh="120px" >
						<source src="//f.us.sinaimg.cn/001WX2jmlx07s1xnHYek010412062aOw0E030.mp4?label=mp4_720p&template=1280x720.20.0&Expires=1551702817&ssig=Z2uTQUejbS&KID=unistore,video"/>
					</video>-->

				</div>
			</div>
			<!-- 评论-->
			<div class="details_comment"></div>
			<ul class="mui-table-view conment_all" >
				<!--
				<li class="mui-table-view-cell details_comment_list">
					<div class="details_comment_img">
						<img width="100%" src="../../images/head_portrait2.png" />
					</div>
					<div class="details_comment_right">
						<span class="details_comment_name">希望一切好好的</span>
						<p class="details_comment_text">伏羲文化真精彩呀~</p>
						<div class="comment_con_list">
							<p>宁啦：嗯啊</p>
							<p>我是猪不是：有机会一起交流交流啊~</p>
							<span class="comment_number">共6条回复></span>
						</div>
						<p class="details_comment_time">4-20 13:51</p>
					</div>
				</li>
				<li class="mui-table-view-cell details_comment_list">
					<div class="details_comment_img">
						<img width="100%" src="../../images/head_portrait2.png" />
					</div>
					<div class="details_comment_right">
						<span class="details_comment_name">希望一切好好的</span>
						<p class="details_comment_text">伏羲文化真精彩呀~</p>
						<div class="comment_con_list">
							<p>宁啦：嗯啊</p>
							<p>我是猪不是：有机会一起交流交流啊~</p>
							<span class="comment_number">共6条回复></span>
						</div>
						<p class="details_comment_time">4-20 13:51</p>
					</div>
				</li>
				<li class="mui-table-view-cell details_comment_list">
					<div class="details_comment_img">
						<img width="100%" src="../../images/head_portrait2.png" />
					</div>
					<div class="details_comment_right">
						<span class="details_comment_name">希望一切好好的</span>
						<p class="details_comment_text">伏羲文化真精彩呀~</p>
						<div class="comment_con_list">
							<p>宁啦：嗯啊</p>
							<p>我是猪不是：有机会一起交流交流啊~</p>
							<span class="comment_number">共6条回复></span>
						</div>
						<p class="details_comment_time">4-20 13:51</p>
					</div>
				</li>
			-->
				<!--<p class="text_unll">快来发表你的评论吧</p>-->
			</ul>
			<div class="more_comment" style="display: none;">查看更多评论 》</div>

			<!--点赞、评论导航-->
			<div class="mui-row nav_comment_list">
				<div class="mui-col-sm-4 mui-col-xs-4 publish_left">
					<span class="iconfont icon-xihuan all_publish_icon "></span>
					<span class="all_publish_info zan"></span>
				</div>
				<div class="mui-col-sm-4 mui-col-xs-4">
					<span class="iconfont icon-comment all_publish_icon1" id="input_btn"></span>
					<span class="all_publish_info pinglun"></span>
				</div>
				<div class="mui-col-sm-4 mui-col-xs-4 publish_right">
					<a href="#sheet" class="iconfont icon-gengduo all_publish_icon1"></a>
				</div>
			</div>

			<!--评论弹出框-->
			<div class="comment_popup" style="height:130px">
				<input type="hidden" class="comment_id" value="">
				<input type="hidden" class="user" value="">
				<input type="hidden" class="commenttype" value="">
				<textarea rows="3" cols="20" placeholder="写评论" id="text_comment"></textarea>
				<span id="send">发送</span>
			</div>
		</div>

		<input type="hidden" value="" id="dynamic">
		<!--动态id-->
		<input type="hidden" value="" id="dynamic_type">
		<!--动态类型-->
		<input id="zan" type="hidden" value="">
		<!--点赞动态-->

		<!--更多操作-->
		<div id="sheet" class="mui-popover mui-popover-action mui-popover-bottom more_operations">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell" id="report">
					<a href="#sheet" style="color:#e51739!important">举报</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#sheet"><b>取消</b></a>
				</li>
			</ul>
		</div>

		<script src="../../js/jquery-1.11.1.min.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/mui.previewimage.js"></script>
		<!--图片查看-->
		<script src="../../js/mui.zoom.js"></script>

		<script src="../../js/script/requestError.js"></script>
		<!-- 接口统一处理ajax-->
		<script src="../../js/script/InterfSuccess.js"></script>
		<!-- 接口处理定义-->
		<script src="../../js/script/InterfError.js"></script>
		<script src="../../js/script/InterfRequest.js"></script>
		<!-- 接口请求参数和url定义-->

		<script src="../../js/script/xl.js"></script>
		<!--方法 -->
		<script src="../../js/script/index/graphic_details_page.js"></script>
		<!-- 图文详情-->

	</body>

</html>